<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>奖品列表</title>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script src="../../assets/js/base.js"></script>
    <link rel="stylesheet" href="../../assets/css/gift.css">
</head>

<body>
    <header class="align-center header">
        <img class="logo" src="../../assets/images/logo.png" />
        <span class="nav">首页</span>
        <span class="nav choise-center" href="#">选课中心</span>
        <a class="nav" href="#">用户中心</a>
        <a class="nav" href="#">习激励榜</a>
        <a class="nav active" href="../gift/index.html">奖品列表</a>
        <a class="help-link" href="#">帮助</a>
        <div class="login-out">退出</div>
    </header>
    <div class="search-wrapper justify-end">
        <input type="text" placeholder="请输入搜索的商品名称" />
        <div class="search-btn">搜索</div>
    </div>
    <section class="row justify-center align-center">
        <div class="card flex-column">
            <img class="gift-img" src="../../assets/images/gift/gift1.jpeg" />
            <div class="name flex-hei">
                <div class="line-clamp-2">
                    2023 新款 太空人电子手表
                </div>
            </div>
            <div>
                <span class="price color_e8a8">50000</span>
                <span class="color_e8a8">乐朗币</span>
            </div>
        </div>
        <div class="card flex-column">
            <img class="gift-img" src="../../assets/images/gift/gift2.jpeg" />
            <div class="name flex-hei">
                <div class="line-clamp-2">
                    物生物（RELEA）保温杯
                </div>
            </div>
            <div>
                <span class="price color_e8a8">50000</span>
                <span class="color_e8a8">乐朗币</span>
            </div>
        </div>
        <div class="card flex-column">
            <img class="gift-img" src="../../assets/images/gift/gift3.jpeg" />
            <div class="name flex-hei">
                <div class="line-clamp-2">
                    TA按压充气u型枕头枕旅行u形枕头
                </div>
            </div>
            <div>
                <span class="price color_e8a8">50000</span>
                <span class="color_e8a8">乐朗币</span>
            </div>
        </div>
        <div class="card flex-column">
            <img class="gift-img" src="../../assets/images/gift/gift4.jpeg" />
            <div class="name flex-hei">
                <div class="line-clamp-2">
                    发卡
                </div>
            </div>
            <div>
                <span class="price color_e8a8">3900</span>
                <span class="color_e8a8">乐朗币</span>
            </div>
        </div>
    </section>
    <section class="row justify-center align-center">
        <div class="card flex-column">
            <img class="gift-img" src="../../assets/images/gift/gift5.jpeg" />
            <div class="name flex-hei">
                <div class="line-clamp-2">
                    Apple iPhone 14 Pro Max手机壳
                </div>
            </div>
            <div>
                <span class="price color_e8a8">8000</span>
                <span class="color_e8a8">乐朗币</span>
            </div>
        </div>
        <div class="card flex-column">
            <img class="gift-img" src="../../assets/images/gift/gift6.jpeg" />
            <div class="name flex-hei">
                <div class="line-clamp-2">
                    Apple iPhone 14 Pro Max手机壳
                </div>
            </div>
            <div>
                <span class="price color_e8a8">60000</span>
                <span class="color_e8a8">乐朗币</span>
            </div>
        </div>
        <div class="card flex-column">
            <img class="gift-img" src="../../assets/images/gift/gift7.jpeg" />
            <div class="name flex-hei">
                <div class="line-clamp-2">
                    大容量双肩背包
                </div>
            </div>
            <div>
                <span class="price color_e8a8">10000</span>
                <span class="color_e8a8">乐朗币</span>
            </div>
        </div>
        <div class="card flex-column">
            <img class="gift-img" src="../../assets/images/gift/gift8.jpeg" />
            <div class="name flex-hei">
                <div class="line-clamp-2">
                    5格创意个性旋转笔筒
                </div>
            </div>
            <div>
                <span class="price color_e8a8">3900</span>
                <span class="color_e8a8">乐朗币</span>
            </div>
        </div>
    </section>
</body>

</html>